<template>
  <n-config-provider :theme-overrides="themeOverrides" :locale="zhCN" :date-locale="dateZhCN">
    <n-message-provider>
      <n-notification-provider>
        <n-dialog-provider>
          <n-loading-bar-provider>
            <router-view />
          </n-loading-bar-provider>
        </n-dialog-provider>
      </n-notification-provider>
    </n-message-provider>
  </n-config-provider>
</template>

<script setup>
import { ref } from 'vue';
import { darkTheme, useOsTheme, dateZhCN, zhCN } from 'naive-ui';

// 使用粉色主题
const themeOverrides = {
  common: {
    primaryColor: '#ff85a2',
    primaryColorHover: '#ff6b8e',
    primaryColorPressed: '#ff5277',
    primaryColorSuppl: '#ff9fb6'
  },
  Button: {
    textColorPrimary: '#FFF',
    colorPrimary: '#ff85a2',
    colorHoverPrimary: '#ff6b8e',
    colorPressedPrimary: '#ff5277',
    colorFocusPrimary: '#ff9fb6',
  }
};
</script>

<style>
html, body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

#app {
  min-height: 100vh;
  background-color: #fff9fb;
}
</style> 